@mixin removeScrollBarStyle() {
  &::-webkit-scrollbar {
    display: none;
  }

  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.codeup_search_right_icon {
  position: relative;
}
.codeup_search_right {
  padding: 6px 30px 20px;
  // overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - 196px);
  // height: 100%;
  box-shadow: inset 1px 0 0 0 #e8e8e8;
  @include removeScrollBarStyle;
  .search_right_fiter_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 9px;
    & > span:first-child {
      font-size: 18px;
      color: #292929;
      cursor: initial;
      font-weight: 600;
    }
    span {
      font-size: 14px;
      color: #1b9aee;
      cursor: pointer;
    }
  }
  .search_right_list {
    display: flex;
    flex-direction: column;
    padding: 12px 0 0;
    .search_right_list_item {
      height: 40px;
      border-radius: 4px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 9px;
    }
    .search_right_list_item.active {
      background-color: #f0f9ff;
      font-weight: bold;
    }
  }
  .search_right_select {
    padding: 8px 9px;
    .search_right_select_list {
      padding-bottom: 16px;
      label {
        display: block;
        height: 40px;
        line-height: 40px;
        color: #292929;
        text-align: left;
      }
    }
  }
  .search_right_language {
    padding-top: 8px;
    .search_right_language_title {
      line-height: 40px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 4px 9px 0px;
      position: relative;
      a {
        position: absolute;
        left: 56px;
      }
      & > span:first-child {
        font-size: 14px;
        color: #292929;
        cursor: initial;
        font-weight: bold;
      }
      span {
        font-size: 14px;
        color: #1b9aee;
        cursor: pointer;
      }
    }
    .search_right_language_item {
      padding: 6px 9px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      & > span:first-child {
        color: #575757;
      }
      span {
        font-size: 14px;
      }
    }
    .search_right_language_item.active {
      & > span:first-child {
        color: #575757;
        font-weight: bold;
      }
    }
  }
}

.codeup_search_radio_select {
  padding: 0 9px;
  padding-bottom: 15px;
  .#{$teamix-prefix}radio-wrapper {
    .#{$teamix-prefix}radio-label {
      margin: 0 4px;
    }
  }
}

.codeup_search_right_icon_button {
  position: absolute;
  left: -16px;
  top: 20px;
  z-index: 999;
}

.syntax_filtering {
  cursor: pointer;
  margin-left: 10px;
  justify-content: space-between;
  display: flex;
  .syntax_filtering_reserved_key {
    line-height: 36px;
    color: #1b9aee;
    margin-bottom: 4px;
  }
  .syntax_filtering_meaning {
    color: var(--color-fill1-6, #8b8b8b);
    line-height: 36px;
  }
}
.build-summary-whitelist-icon {
  > svg {
    margin-bottom: 1px;
  }
}
